<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<!-- 
    css方法是用于设置和获取样式的
        css获取样式:
            id：
                $('#div1').css('width')
                如果只写一个参数（属性）的话就会获取到该标签的样式（如果是ie的话，需要写明确）
            标签：
                $('div').css('width');
                如果获取多个dom标签的样式时，只会获取第一个的对应样式
        css设置样式：
            id：
                如果设置的样式时行内样式
                    单样式：
                        $('#div1').css('width','300px');
                        $('#div1').css('width',300);
                    多样式：
                        $('#div1').css({
                            width:300,
                            'hight':'300px';
                            backgroundColor:'green'
                        })
                        如果使用'background-color'一定要加引号（-）
            标签：
                如果给标签设置样式
                    单样式：
                        $('div1').css('width','300px');
                        $('div1').css('width',300);
                    多样式：
                        $('div1').css({
                            width:300,
                            'hight':'300px';
                            backgroundColor:'green'
                        })
                    和id唯一的区别就是标签设置样式会给所有的标签都设置（他会进行隐式迭代，给每一个都设置样式）
                         

 -->